﻿@theme: "../refs/";

@import "@{theme}variables.less";
@import "@{theme}mixins.less";

.category-navigation-tree, .block-category-navigation {
    cursor: pointer;
    border-top-width: 0;
    position: relative;
    z-index: 1000;
    font-size: @font-size-base;
    text-align: left;

    .listbox {
        padding: 0;
    }

    li {
        position: relative;
        margin: 0 auto;

        a {
            z-index: 10;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 35px;
            line-height: 35px;
            display: block;
            padding: 0 @grid-gutter-width/2;
            border-top: 1px solid #F6F6F6;
            //min-height: 35px;

            &.has-children {
                .arrow {
                    right: 10px;
                    top: 14px;
                    position: absolute;
                    border-left: 4px solid;
                    border-bottom: 4px solid transparent;
                    border-top: 4px solid transparent;
                }
            }
        }
    }
}

/*home page cache static navigation tree template*/
.category-navigation-tree {
    .sublist {
        position: absolute;
        left: 263px;
        z-index: 9;
        display: none;
        list-style: none;
        padding: 8px 15px 15px;
        width: 360px;
        background: #fff;
        border: 1px solid lighten(@gray-light,10%);
        /*.box-shadow(2px 0 3px @gray);*/
        li {
            float: left;
            width: auto;
            border: 0;

            a {
                display: inline;
                position: static;

                &:hover {
                    .box-shadow(none);
                }
            }
        }
    }

    li:hover, li.active, li.hover {
        background: #fff;

        & + li {
            border-top: none;
        }
        /*.box-shadow(0 0 3px @gray);*/
        a {
            text-decoration: none;
            background: #fff;
            border-top: 1px solid lighten(@gray-light,10%);
            border-bottom: 1px solid lighten(@gray-light,10%);
        }

        .sublist {
            display: block;

            li {
                padding: 0 2px;
            }

            a {
                border: none;
                display: block;
                height: 25px;
                line-height: 25px;

                &:hover {
                    .box-shadow(0px 0 2px #797979);
                }
            }
        }
    }
}


.block-category-navigation {
    //margin-top: @grid-gutter-width/2;
    .box-shadow(3px 3px 3px #E5E5E5);

    .listbox {
        a {
            position: static;
        }

        li.active {
            a {
                // border-right: 3px solid lighten(@navbar-inverse-bg,10%);
            }

            > a {
                font-weight: bold;
            }
        }

        li {
            .sublist {
                position: static;
                list-style: square;

                a {
                    padding-left: 0;
                }

                .sublist {
                    padding-left: 15px;
                }
            }
        }
    }
}


/*category page, product page, manufacturer page show category block tree
    js behavior. dropdown
*/
#j-allcategory-pop-content {
    position: absolute;
    z-index: 9999;
    display: none;

    .category-navigation-tree {
        .box-shadow(1px 2px 5px @brand-primary); 
        border-top: 1px solid @brand-primary;
        border-left: 1px solid @brand-primary;
    }
}
